﻿/*Layout Styles
************************************************************/
body 
{
     background-image:url('../images/bgMainDropShadowGradient.png');
}
 
#container
{
     width:99%;
     /*min-height: 99%;*/
     position:relative;
     margin: auto;
     background-color: #fff;
     color: #333;
     /*border: 1px solid #4e9689;
     line-height: 130%;
     -moz-border-radius: 10px;
     border-radius: 10px;
     -moz-box-shadow: 10px 10px 5px #888;
     -webkit-box-shadow: 10px 10px 5px #888;
     box-shadow: 10px 10px 5px #bfbfbf;*/
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

#header
{
     padding: 0.5em 0.5em 1.0em .5em;
     background-color: #40A19E;
     border-bottom: 1px solid #339a98;
     /*-moz-border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0;*/
}

#header h1
{
     padding: 0;
     margin: 0;
     font-size: 1.4em;
     font-weight: bold;
     color: #fff;
}

#content
{
     clear:both;
     margin-left: 0.5em;
     margin-right: 0.5em;
     padding: 1em;
     font: 10pt;
     margin-bottom: 50px !important;
     min-height:125px;
    /* padding-bottom:80px; */
}
 
/* @media screen and (min-width: 600px) {
  #content {
   background: #ccc;
    width: 50% !important;
  }
 
  #myform 
  {
   width: 50% !important;   
  }
  
}*/

/*Android DropDown Style*/
.mainselection select 
{
   border: 0px;
   color: #58595b;
   background: transparent;
   font-size: 20px;
   padding: 7px 10px;
   width: 100%;
   /*height:85px;*/
   background-image: none;
   *background: #ffffff;
   -webkit-appearance: none;
   -moz-appearance: none;
   outline: none;
   font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}



.mainselection
{
   background: #feffff; /* Old browsers */
   background: -moz-linear-gradient(top,  #feffff 0%, #f4f4f4 99%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #feffff 0%,#f4f4f4 99%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #feffff 0%,#f4f4f4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   background-color: #ffffff;
   overflow:hidden;
   font-size: 20px;
   width:80%;
   height:35px;
   -moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
   -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
   -webkit-appearance: none;
   -moz-appearance: none;
   border-radius: 0.4em 0.4em 0.4em 0.4em;
   box-shadow: 1px 1px 11px #d1d3d4;
   position:relative;
   font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

.arrow_icon
{
    background-color: #939598;
    position: absolute;
    width: 25px;
    height: 25px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    right: 10px;
    top: 5px;
    background-repeat: no-repeat;
    background-size:900px;
    background-image: url('../images/icons-36-white.png');
    background-position: -248px 50%;
    pointer-events:none;
}

option
{
	font-size:18px;
	background: #e6e7e8;
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}



optgroup
{
	font-size:18px;
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	color: #58595b
}

#content h2
{
    font-size: 12pt;
    font-weight: bold;
}
 
.MvcDynamicForm
{
    /*width:800px; 
    height:1200px;*/
    min-height:600px;
    display:block; 
    border:1px solid white; 
    position:relative;  
}
 
#infobox
{
     /*margin-top: -1em;*/
     border-right: 0px solid #4e9689 inset;
     padding: 0.5em;
     /*font-size: 0.8em;*/
     margin-bottom: 1em;
     background-image: linear-gradient(to bottom, #fbfbfc, #e6e7ed);
     vertical-align:middle;
}

.surveryLinkTxtArea
{
     height:45px;
     white-space:pre;
     background:#e5f2f2;
     border:1px solid #339a98;
     padding:4px;
     margin-top:4px;
}

#surveyno
 {
     float: left;
     width: 33%;
     white-space:normal; 
     word-wrap: break-word;
 }

.passcodeBox 
{
    background:#e5f2f2;
    border:1px solid #339a98;
    padding: 4px 8px;
    font-size: 16pt;
    font-weight:bold;
    text-align:center;
    width: 70px;
    margin:5px auto 20px;
    color: #555555;
}

.passcodeBox1
{
    background:#e5f2f2;
    border:1px solid #339a98;
    padding: 4px 8px;
    font-size: 12pt;
    font-weight:bold;
    text-align:center;
    width: 70px;
    margin:5px auto 20px;
    color: #555555;
}

#orgn
 {
    float: left;
    width: 33%;
    white-space:normal;
    word-wrap: break-word;
    text-align:center;
 }

#dept
 {
    float: right;
    width: 33%;
    text-align: right;
    white-space:normal;
    word-wrap: break-word;
 }

#exit
 {
    float: right;
    width: 12%;
    position:relative;
    vertical-align:middle;
    margin-right: -10px;
 }

#prev
 {
    float: left;
    width: 35%;
    vertical-align:middle;
 }

#savediv
 {
    float: left;
    width: 15%;
    margin: 0 auto;
    vertical-align:middle;
    margin-top: -15px;
    margin-left:35px;
 }

#next
 {
    float: right;
    width: 38%;
    vertical-align:middle;
 }
 
 #nav
{
    /*width: 90%;*/
    /*text-align: center;*/
    /*border-top: 1px solid #244640;*/
    margin: 3em 0;
    padding: 0.5em;
    /*position:absolute;
    bottom:80px;*/
    clear:both;
}

#footer
 {
     /*position:absolute;
     bottom:0px;
     width: 98%;*/
     padding: .5em;
     color: #333;
      background-image: linear-gradient(to bottom, #e6e7ed, #fbfbfc );
     border-top: 1px solid #abafbc;
     /*-moz-border-radius: 0 0 10px 10px;
     border-radius: 0 0 10px 10px;
     height: 40px;
     vertical-align:middle;
     -moz-box-shadow: -1px -1px 0px 0px #888;
     -webkit-box-shadow: 1px -1px 0px 0px #888;
     box-shadow: 0px -1px 1px 0px #888;*/
 
 }


#content h2 
{ 
     margin: 0 0 .5em 0;
}

#footleft
 {
     float:left;
     width: 42%;
 }

#footright
 {
     float: right;
 }
 
 .image
{
    float:left;
    /*padding-right:5px;*/
    /*width:40px;*/
}

 .errormsg
{
    border: 1px solid #e6482d; 
    background: #fbe1dd; 
    margin-bottom: 10px; 
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    padding: 10px;
    font-size: 9pt;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    /*behavior: url('../Scripts/PIE.htc');*/
}

.message
{
    float:left;
    width: 86%;
    vertical-align: top;
    margin-top: 2px;
}
.success
 {
     border: 1px solid #69bc45; 
     /*background: #e6ffbf; */
     margin-bottom: 10px; 
     margin-left: 0.5em; 
     margin-right: 0.5em; 
     padding: 10px;
     font-size: 10pt;
     font-weight: bold;
     /*-moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     border-radius: 10px;*/
 }
  #attention
 {
     border: 1px solid #ffca0a; 
     background: #fff5c1; 
     margin-bottom: 10px; 
     margin-left: 0.5em; 
     margin-right: 0.5em; 
     padding: 10px;
     font-size: 10pt;
     font-weight: bold;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     border-radius: 10px;
     /*behavior: url('../Scripts/PIE.htc');*/
 }
/*END
************************************************************/
.boldlabel
{
    font-weight:bold;
}

button.MobileExitSurvey:hover 
 {
     cursor: pointer;
     opacity: 0.8;
 }
 
 button.MobileExitSurvey
 {
     border: 1px #4e9689 solid;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     border-radius: 10px;
     background: #e5e5e5;
     background: rgba(255,255,255,0.9);
     width: 10px;
     padding: 2px;
     font-size: 8pt;
     font-weight:bold;
     height: 0px;
 }
.MvcDynamicMobileForm
 {
     /* width:450px; 
     /*height:auto;
     min-height:600px;*/
     display:block; 
     /*border:1px solid white; */
     position:relative;  
     padding: 1em;
     clear:both;
 }

div.MvcFieldWrapper
{
    margin-bottom:0.5em;
    margin-top:0.2em;
}

.ui-icon-myapp-exit {
	background-image: url('../images/exit1.png');
	
}

.ui-controlgroup-label
{
    display:block !important;
}

.EpiLabel 
{
	/*position:absolute;*/
	color: #000;   
	/*font-family: "Segoe UI", Tahoma, Geneva, Verdana, AriaL, sans-serif;  
	font-size: 10pt;  
	/*white-space: pre;*/
	white-space:normal;
	display:block !important;
	margin: 0.2em 0 0.5em 0;
}

#close:hover
{
    opacity:0.8;
}

/*MobilePage.css
******************************************************************/
.pages {
    /* font: 9pt;*/
     float: left;
    /* margin-top: 4px;*/
    /* width:50%;*/
     min-width:160px;
     /*font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;*/
     /*color: #244640;*/
}

.pages span.current {
    
    font-weight: bold;
    color: #339a98;
    vertical-align:middle;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
   /*border: 1px solid #4e9689;
    background:#4e9689;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/
}

.pages a 
{
    border: 1px solid #339a98!important;
    text-decoration: none;
}

.pagesbottom {
    /* font: 9pt;*/
    /* float: left;*/
    /* margin-top: 4px;*/
    width:50%;
    /* min-width:160px;*/
    /* font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: #244640;*/
    display:inline;
}

.error {
    color: red;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0.5em;
    width: 100%;
    float: none;
}

@media screen and (orientation: portrait)
{
    label.error 
    { 
        margin-left: 0; display: block; 
    }
}

@media screen and (orientation: landscape)
{
    label.error 
    { 
        display: inline-block; margin-left: 22%;
    }
}

em
{ 
    color: red;
    font-weight: bold;
    padding-right: .25em;

}


/*Buttons & links*/

a.prev:active, a.next:active, a.exitsurvey:active, a.save:active, a.submits:active, .ui-btn-down-submit1, .ui-btn-down-save1, .ui-btn-down-save23, .ui-btn-hover-save23
 {
     cursor: pointer;
     opacity: 0.8;
 }

img.button 
 {
     vertical-align:text-top;
 }
 
a.prev, a.next, a.save
 {
     cursor: pointer;
     border: 1px #4e9689 solid;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     -khtml-border-radius: 0px;
     border-radius: 0px;
     padding: 3px 5px 3px 5px;
     color:#244640 !important;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     /*font-size: 10pt;*/
     font-weight:bold;
     padding-top:10px;
     /*width: 90px;*/
     border: 1px solid rgba(0,0,0,0.5);
     background: #00827e; 
     /*background: rgba(195,255,104,0.6);*/ 
     background-size:20px 20px;
     /*box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
      behavior: url('../Scripts/PIE.htc');*/
 }

a.prev
{
      background-image: url('../images/arrow_left.png');
      background-position:center center;
      background-repeat:no-repeat;
      padding:10px 20px;
      height:30px;
      vertical-align:middle;
      text-decoration:none;
}

a.next
{
      background-image: url('../images/arrow_right.png');
      background-position:center center;
      background-repeat:no-repeat;
      text-decoration:none;
      padding:10px 20px;
      height:30px;
      vertical-align:middle;
}

a.submits
{
      background-image: url('../images/submit.png') !important;
      background-position:10px center !important;
      background-repeat:no-repeat !important;
      padding:10px 20px 10px 30px;
      height:30px;
      vertical-align:middle;
}

a.submits
 {
     cursor: pointer;
     border: 1px #4e9689 solid;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     -khtml-border-radius: 0px;
     border-radius: 0px;
    /* padding: 3px 5px 3px 5px;*/
     color:#244640 !important;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     font-size: 10pt;
     font-weight:bold;
     width: 160px;
     background: #bfe7ea; 
     /*box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    behavior: url('../Scripts/PIE.htc');*/
 }

.ui-body-c, .ui-overlay-c
{
    text-shadow: none!important;
}

 a.exitsurvey
 {
     cursor: pointer;
     border: 1px #339a98 solid;
     /*-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;*/
     background: #00827e;
     width: 80px;
     padding: 0.7em;
     font-size: 8pt;
     /*font-weight:bold;
     height: 26px;*/
     color: #ffffff !important;
     vertical-align:middle;
     text-decoration: none;
    /* box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(158,158,158,0.3);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(158,158,158,0.3);
     -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(158,158,158,0.3);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(158,158,158,0.3);
     behavior: url('../Scripts/PIE.htc');*/
 }
 
 a.save
{
    background-image: url('../images/save.png');
    background-position:center center;
    background-repeat: repeat-x;
    background-repeat:no-repeat;
    padding:10px 20px;
    height:30px;
    vertical-align:middle;
    text-decoration:none;
}

 a.login:hover
 {
     cursor: pointer;
     opacity: 0.8;
 }


 
a.login
 {
     cursor: pointer;
     border: 1px #339a98 solid;
     /*-moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     border-radius: 10px;*/
     padding: 3px 5px 3px 5px;
     color:#ffffff !important;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     /*font-size: 10pt;*/
     font-weight:bold;
    /* padding-top:10px;*/
     /*width: 90px;*/
     border: 1px solid rgba(0,0,0,0.5);
     background: #00827e;
     background-size:24px 24px;
     /*box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
      behavior: url('../Scripts/PIE.htc');*/
 }
.ui-btn-up-submit1
 {
     /* padding:0 0 0 10px;*/
    padding-left:5px;
    background-image: url('../images/checkmark.png') !important;
    background-position:5px center !important;
    background-repeat:no-repeat !important;
    margin: 0px 5px 2px 0 !important;
    /*height:30px;*/
    vertical-align:middle;
    cursor: pointer;
    border: 1px #4e9689 solid;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;*/
    /* padding: 3px 5px 3px 5px;*/
    color:#244640 !important;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    /* font-size: 10pt;*/
    font-weight:bold;
    /*width: 160px;*/
    border: 1px solid rgba(0,0,0,0.5);
    background: #bfe7ea; 
    background: rgba(191,231,234,0.6); 
    /* box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);*/
    /*behavior: url('../Scripts/PIE.htc');*/
 }
 
 .ui-btn-up-save1
 {
     cursor: pointer;
     float: right;
     border: 1px #4e9689 solid;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     -khtml-border-radius: 0px;
     border-radius: 0px;
     padding: 3px 5px 3px 5px;
     color:#244640 !important;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     /*font-size: 10pt;*/
     font-weight:bold;
     /* padding-top:10px;*/
     /*width: 90px;*/
     border: 1px solid rgba(0,0,0,0.5);
     background: #00827e; 
     /*background: rgba(195,255,104,0.6);*/ 
     background-size:24px 24px;
     /*box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);*/
      /*behavior: url('../Scripts/PIE.htc');*/
      background-image: url('../images/save.png');
      background-position:center center;
      background-repeat: repeat-x;
      background-repeat:no-repeat;
      padding:9px 15px 8px 15px;
      vertical-align:middle;
      text-decoration:none;
 }
 .ui-btn-up-save23, .ui-btn-hover-save23
 {
     cursor: pointer;
     margin: 0px 10px 0 2px !important;
     border: 1px #339a98 solid;
     background: #00827e; 
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     -khtml-border-radius: 0px;
     border-radius: 0px;
     padding: 3px 5px 3px 5px;
     color:#244640 !important;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     /*font-size: 10pt;*/
     font-weight:bold;
     /* padding-top:10px;*/
     /*width: 90px;*/
     /*background: rgba(195,255,104,0.6);*/
     background-size:20px 20px;
     /* box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);*/
      background-image: url('../images/save.png');
      background-position:center center;
      background-repeat: repeat-x;
      background-repeat:no-repeat;
      padding: 1px 5px 3px 5px;
      vertical-align:middle;
      text-decoration:none;
 }
 
 a.watch
 {
     border: 1px #04aeda solid;
     /*rgin:0.5em 0;*/
     padding: 3px 32px;
     color:#fff !important;
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     font-size: 10pt;
     font-weight:bold;
     width: 200px;
     background: #04aeda; 
     text-shadow: none !important;
     text-decoration:none;
 }
 
 button.copylink
{
     background-color:transparent!important;
     border:none;
     color: #0a2695;
     text-decoration: underline;
     cursor:pointer;
     padding:0;
     /*padding-left: 20px;
     font-family: Segoe UI;*/
     font-weight:bold;
 }
 
 button.copylink:active
{
     text-decoration: none;
     
 }
 
 button.submits 
{
     height: 30px;
}

div[id*="groupbox"]
{ 
    color: #339a98 !important;  
    border-bottom: 2px solid #339a98 !important;
}

a.prev, a.next, a.save, .ui-btn-up-save1, .ui-btn-up-submit1, a.login {   
    border: 1px solid #339a98 !important;
    background-color: #00827e !important;
    color: #fff !important;
    text-shadow: none !important;
 }

.pages a.nextArrow {
    background-image: url('../images/next_classic.png');
    background-repeat:no-repeat; 
    background-position:center;
}

.pages a.prevArrow {
    background-image: url('../images/prev_classic.png'); 
    background-repeat:no-repeat; 
    background-position:center;

}
 .ui-simpledialog-container
 {
     background:white !important;
     padding: 10px !important;
 }

/*div.ui-checkbox, div.ui-radio, .ui-btn select, .ui-Radio { font-weight:400;}*/
.ui-btn-text 
{ 
    text-align:left !important;

}

div.EpiLabel[style*="font:"]{
    font-family:"Segoe UI",Tahoma,Geneva,Verdana !important; 
    color: #333 !important; 
    font-size-adjust:0.76 !important;}

#url {
    height:60px !important;
}

/*.ui-btn-up-c {font-weight:400 !important;}*/

span.ui-icon-arrow-d[style*="background-color: yellow;"]{
    background-color: #959595 !important;
}

span.ui-icon-checkbox-on[style*="background-color: yellow;"]{
    background-color: #4288b9 !important;
}

span.ui-icon-radio-on[style*="background-color: yellow;"]{
    background-color: #4288b9 !important;
}

.ui-select .ui-disabled {
    opacity:0.6 !important;
}

.draft
{
    background-image:url('../images/draft.png'); 
    background-repeat:no-repeat;
    background-position: center top;
    background-size: 80% 120px;
    background-origin:content-box;
    background-repeat:repeat-y;
   
}
 
 .final
{
     background-image: none !important;
}

#foothide {
    visibility:collapse; display:none;
}

#version {
    display:block !important;
}

#version span{
    display: none;
}

#version:before {
    content: 'V ';
}

/*#header h1:after
{
    content:"DRAFT";
    color:Blue
}*/

.TestHeader h1:after
{
    /*content:"DRAFT";
    color:Blue;*/
    
 }

@media screen and (min-width: 599px) /*and (max-width: 1025px) */
{
    
    /*LogIn Page*/ .returnto { width:250px !important; margin: 10px 45px;}
    .Logsin { border: 1px solid #1F3B53 !important; }
    .LogHead { background: #5C53AC !important; color: #fff !important; border-bottom: 1px solid #1F3B53 !important;}
    
}

/*Customize UI jQuery CSS*/

.ui-widget-header
{
    background: #5C53AC !important;
    border: 1px solid #1F3B53 !important;
    color: #fff !important;
}

.ui-widget
{
    border: 1px solid #1F3B53 !important;
}    

.ui-dialog-buttonpane 
{
    border-top: 1px solid #1F3B53 !important;
}  

.ui-dialog-buttonset button
{
    background: #5C53AC !important;
    border: 1px solid #1F3B53 !important;
    color: #fff !important;
    height: 30px;
}

.ui-btn-up-e, .ui-btn-hover-e
 {
    border: 1px solid #339a98  !important;
    background: #00827e !important;
    color: #fff !important;
    text-shadow: none !important;
 }
 
 .ui-btn-down-e
 {
    border: 1px solid #1F3B53 !important;
    background: #ecd473 !important;
    color: #fff !important;
    text-shadow: none !important;
 }    

  .ui-shadow {
	-moz-box-shadow: 0px 0px 0px /*{global-box-shadow-size}*/    rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 0px 0px /*{global-box-shadow-size};
	rgba(0,0,0,.3) /*{global-box-shadow-color}*/; */
	box-shadow: 0px 0px 0px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
}


.ui-btn-corner-all {
	-moz-border-radius: 				0em!important  /*{global-radii-buttons}*/;
	-webkit-border-radius: 				0em!important  /*{global-radii-buttons}*/;
	 border-radius: 						0em!important  /*{global-radii-buttons}*/ ;
}

div.ui-checkbox .ui-btn-corner-all {
	-moz-border-radius: 				1em!important  /*{global-radii-buttons}*/;
	-webkit-border-radius: 				1em!important  /*{global-radii-buttons}*/;
	 border-radius: 						1em!important  /*{global-radii-buttons}*/ ;
}


.ui-bar-a {
    border: 1px solid #339a98 /*{a-bar-border}*/;
    background: #80c0be /*{a-bar-background-color}*/;
    color: #222222 /*{a-bar-color}*/;
    text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
}

.ui-btn-up-b {
   border: 1px solid #339a98 /*{b-bup-border}*/;
   background: #00827e /*{b-bup-background-color}*/;
}
